<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="/favicon.ico">
    <link rel="stylesheet" href="/css/index.css">
    <link rel="stylesheet" href="/css/header.css">
    <link rel="stylesheet" href="/css/footer.css">
    <title>Document</title>
</head>

<body>
    <!-- 页眉 -->
    <header></header>

    <!-- 右边固定 -->
    <ul id="right-btn">
        <li>
            <div class="red">
                <div class="tis">
                    迎新福利
                    <br>
                    微信扫码即得
                </div>
            </div>
            <div class="ercode"></div>
        </li>
        <li class="top"></li>
    </ul>

    <!-- 主体部分 -->
    <div class="container">
        <!-- 轮播图 -->
        <div id="banner">
            <div class="banner-img">
                <img src="http://static.biyao.com/pc/www/img/new_master/banner.png?v=biyao_4825731" alt="">
            </div>
            <!-- 导航列表 -->
            <ul class="nav-list" id="listContent">

                <!-- <li class="nav-main">
                    <p>


                        <a href="http://www.biyao.com/classify/category.html?categoryId=621">
                            咖啡
                        </a>


                        <span>/</span>

                        <a href="http://www.biyao.com/classify/category.html?categoryId=627">
                            饮食
                        </a>


                        <span>/</span>

                        <a href="http://www.biyao.com/classify/category.html?categoryId=691">
                            正餐
                        </a>

                    </p>
                </li> -->

                <script type="text/html" id="listTemplate">
                    <li class="nav-main">
                        {{each list item}}
                        <p>
                            {{each item subItem}}
                            <a href={{`./html/list.html?id=${subItem.id}`}}>
                                {{subItem.title}}
                            </a>

                            <span>/</span>

                            {{/each}}
                            
                        </p>
                        {{/each}}
                    </li>
                </script>

                <!-- <li class="nav-main">
                    <p>


                        <a href="http://www.biyao.com/classify/category.html?categoryId=279">
                            男装
                        </a>


                        <span>/</span>

                        <a href="./html/list.html?id=2">
                            女装
                        </a>


                        <span>/</span>

                        <a href="http://www.biyao.com/classify/category.html?categoryId=122">
                            眼镜
                        </a>

                    </p>
                </li>

                <li class="nav-main">
                    <p>


                        <a href="http://www.biyao.com/classify/category.html?categoryId=35">
                            鞋靴
                        </a>


                        <span>/</span>

                        <a href="http://www.biyao.com/classify/category.html?categoryId=339">
                            内衣配饰
                        </a>


                        <span>/</span>

                        <a href="http://www.biyao.com/classify/category.html?categoryId=724">
                            个护
                        </a>

                    </p>
                </li>

                <li class="nav-main">
                    <p>


                        <a href="http://www.biyao.com/classify/category.html?categoryId=119">
                            美妆
                        </a>


                        <span>/</span>

                        <a href="http://www.biyao.com/classify/category.html?categoryId=652">
                            生鲜直供
                        </a>

                    </p>
                </li>

                <li class="nav-main">
                    <p>


                        <a href="http://www.biyao.com/classify/category.html?categoryId=391">
                            母婴
                        </a>


                        <span>/</span>

                        <a href="http://www.biyao.com/classify/category.html?categoryId=51">
                            餐厨
                        </a>


                        <span>/</span>

                        <a href="http://www.biyao.com/classify/category.html?categoryId=39">
                            运动
                        </a>

                    </p>
                </li>

                <li class="nav-main">
                    <p>


                        <a href="http://www.biyao.com/classify/category.html?categoryId=355">
                            家纺
                        </a>


                        <span>/</span>

                        <a href="http://www.biyao.com/classify/category.html?categoryId=153">
                            箱包
                        </a>


                        <span>/</span>

                        <a href="http://www.biyao.com/classify/category.html?categoryId=10">
                            家具
                        </a>

                    </p>
                </li>

                <li class="nav-main">
                    <p>


                        <a href="http://www.biyao.com/classify/category.html?categoryId=334">
                            电器
                        </a>


                        <span>/</span>

                        <a href="http://www.biyao.com/classify/category.html?categoryId=223">
                            数码
                        </a>


                        <span>/</span>

                        <a href="http://www.biyao.com/classify/category.html?categoryId=369">
                            家装
                        </a>

                    </p>
                </li>

                <li class="nav-main">
                    <p>


                        <a href="http://www.biyao.com/classify/category.html?categoryId=433">
                            定制
                        </a>


                        <span>/</span>

                        <a href="http://www.biyao.com/classify/category.html?categoryId=429">
                            汽配
                        </a>


                        <span>/</span>

                        <a href="http://www.biyao.com/classify/category.html?categoryId=758">
                            图书
                        </a>

                    </p>
                </li>

                <li class="nav-main">
                    <p>


                        <a href="http://www.biyao.com/classify/category.html?categoryId=546">
                            健康保健
                        </a>


                        <span>/</span>

                        <a href="http://www.biyao.com/classify/category.html?categoryId=685">
                            宠物
                        </a>


                        <span>/</span>

                        <a href="http://www.biyao.com/classify/category.html?categoryId=753">
                            新品
                        </a>

                    </p>
                </li> -->

            </ul>
        </div>
        <!-- 平台保证 -->
        <div id="promise">
            <dl>
                <dt></dt>
                <dd>大牌品质</dd>
            </dl>
            <dl>
                <dt></dt>
                <dd>工厂价格</dd>
            </dl>
            <dl>
                <dt></dt>
                <dd>分期支付</dd>
            </dl>
            <dl>
                <dt></dt>
                <dd>顺丰包邮</dd>
            </dl>
            <dl>
                <dt></dt>
                <dd>无忧退款</dd>
            </dl>
        </div>
        <!-- 热销 -->
        <div id="hotSale">
            <div class="title">
                <h3>热销排行</h3>
            </div>
            <ul class="rankings">
                <!-- <li class="commodity">
                    <a href="#">
                        <dl>
                            <dt>
                                <img src="./img/hot1.jpg"
                                    alt="">
                            </dt>
                        </dl>
                        <dd>
                            <div class="priceBox">
                                <div class="price">
                                    <span style="color: #F7A701; font-size: 10px; padding-left: 2px;">
                                        ￥
                                        <span style="font-size:16px;">
                                            169
                                        </span>
                                    </span></div>
                                <div class="mack">

                                    <span style="color: #FFFFFF;background: #AB7FD1; border-color: #AB7FD1;">爆品</span>

                                    <span style="color: #FB4C81;background: #FFFFFF; border-color: #FB4C81;">一起拼</span>

                                </div>
                            </div>
                            <div class="supplier">Lane Crawford制造商</div>
                            <div class="content">
                                好评9999+  泰国天然乳胶
                                <span class="evaluate">8.6w+条好评</span>
                            </div>
                        </dd>
                    </a>
                </li>
                <li class="commodity">
                    <a href="#">
                        <dl>
                            <dt>
                                <img src="./img/hot2.jpg"
                                    alt="">
                            </dt>
                        </dl>
                        <dd>
                            <div class="priceBox">
                                <div class="price">
                                    <span style="color: #F7A701; font-size: 10px; padding-left: 2px;">
                                        ￥
                                        <span style="font-size:16px;">
                                            119
                                        </span>
                                    </span></div>
                                <div class="mack">

                                    <span style="color: #FFFFFF;background: #AB7FD1; border-color: #AB7FD1;">爆品</span>

                                    <span style="color: #FB4C81;background: #FFFFFF; border-color: #FB4C81;">一起拼</span>

                                </div>
                            </div>
                            <div class="supplier">Edgewell制造商</div>
                            <div class="content">
                                澎湃声波牙刷 Young
                                <span class="evaluate">4.3w+条好评</span>
                            </div>
                        </dd>
                    </a>
                </li>
                <li class="commodity">
                    <a href="#">
                        <dl>
                            <dt>
                                <img src="./img/hot3.jpg"
                                    alt="">
                            </dt>
                        </dl>
                        <dd>
                            <div class="priceBox">
                                <div class="price">
                                    <span style="color: #F7A701; font-size: 10px; padding-left: 2px;">
                                        ￥
                                        <span style="font-size:16px;">
                                            339
                                        </span>
                                    </span></div>
                                <div class="mack">

                                    <span style="color: #FFFFFF;background: #AB7FD1; border-color: #AB7FD1;">爆品</span>

                                    <span style="color: #FB4C81;background: #FFFFFF; border-color: #FB4C81;">一起拼</span>

                                </div>
                            </div>
                            <div class="supplier">Max Mara制造商</div>
                            <div class="content">
                                双排扣翻领中长款风衣
                                <span class="evaluate">3223条好评</span>
                            </div>
                        </dd>
                    </a>
                </li>
                <li class="commodity">
                    <a href="#">
                        <dl>
                            <dt>
                                <img src="./img/hot4.jpg"
                                    alt="">
                            </dt>
                        </dl>
                        <dd>
                            <div class="priceBox">
                                <div class="price">
                                    <span style="color: #F7A701; font-size: 10px; padding-left: 2px;">
                                        ￥
                                        <span style="font-size:16px;">
                                            58
                                        </span>
                                    </span></div>
                                <div class="mack">

                                    <span style="color: #FFFFFF;background: #AB7FD1; border-color: #AB7FD1;">爆品</span>

                                    <span style="color: #FB4C81;background: #FFFFFF; border-color: #FB4C81;">一起拼</span>

                                </div>
                            </div>
                            <div class="supplier">CHANEL同原料制造商</div>
                            <div class="content">
                                炫色魅力唇膏
                                <span class="evaluate">8.7w+条好评</span>
                            </div>
                        </dd>
                    </a>
                </li> -->
            </ul>
            <script type="text/html" id="hotProdTemplate">
                {{each prodList item}}
                <li class="commodity">
                    <a href="#">
                        <dl>
                            <dt>
                                <img src="{{item.imgUrl}}"
                                    alt="">
                            </dt>
                        </dl>
                        <dd>
                            <div class="priceBox">
                                <div class="price">
                                    <span style="color: #F7A701; font-size: 10px; padding-left: 2px;">
                                        ￥
                                        <span style="font-size:16px;">
                                            {{item.price}}
                                        </span>
                                    </span></div>
                                <div class="mack">

                                    {{if item.hotBoom}}
                                    <span class="hotBoom" style="color: #FFFFFF;background: #AB7FD1; border-color: #AB7FD1;">{{item.hotBoom}}</span>
                                    {{/if}}

                                    <span style="color: #FB4C81;background: #FFFFFF; border-color: #FB4C81;">一起拼</span>

                                </div>
                            </div>
                            <div class="supplier">{{item.supplier}}</div>
                            <div class="content">
                                {{item.title}}
                                <span class="evaluate">{{item.praise}}</span>
                            </div>
                        </dd>
                    </a>
                </li>
                {{/each}}
            </script>
        </div>
    </div>

    <!-- 页脚 -->
    <foot></foot>

</body>
<!-- <script src="./lib/jquery/jquery.js"></script>
<script>
    // 加载页眉、页脚
    const header = $('header')
    header.load('./html/header.html')
    const foot = $('foot')
    foot.load('./html/footer.html')

    const backTop = $('#right-btn .top')
    $(window).scroll(function () {
        if ($('html').scrollTop() > 100) {
            backTop.fadeIn(500)
        }
        if ($('html').scrollTop() < 100) {
            backTop.fadeOut(500)
        }
    })
    backTop.click(function () {
        $('html').animate({
            scrollTop: 0
        }, 500)
    })
</script> -->
<script src="/lib/requirejs/require.js" data-main="/js/index"></script>

</html>